@charset "utf-8";
/* CSS Document */
.g-overlay{display:none;left:0;top:0;width:100%;z-index:500;}
.dialog-container{position:absolute;background-color:#fff;left:50%;}
.slider-container{ overflow:hidden; position:relative;}
.slider-flags{ position:absolute; font-size:0;}
.slider-flags .item{ display:inline-block; cursor:pointer;}
.img-box{ display:block; overflow:hidden; position:relative;}
.ico{ font-size:0; background-repeat:no-repeat;}
.hidden{ display:none;}
.hide-txt{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative;}
.btn{ box-sizing:border-box; border:1px solid #fff; color:#fff; text-align: center; }
.pc-contanier{ overflow: hidden;}
.pc-bg,
.pc-wrap{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f5f5f5; z-index: 10;}
.pc-bg{ display: none; z-index: 20;}
.pc-bg1{ background-color: #c53bc7;}
.pc-bg2{ background-color: #3bc758;}
.pc-bg3{ background-color: #914ddf;}
.pc-bg4{ background-color: #3984e8;}
.pc-bg.current{ display: block;}
.page-bg-btm{ position: absolute; left: 0; bottom: 0; width: 100%; height: 133px; background: url(../imgs/common/bottom_bg.png) repeat-x center top; font-size: 0; z-index: 30;}
.page-bg-btm.mobile{ position: fixed; height: 66px; background-size: 489px 66px;}
.pc-body{ position: absolute; left: 50%; top: 50%; width: 1040px; height: 580px; margin:-290px 0 0 -520px; z-index: 100;}
.pc-body-item{ float: left; width: 50%;}
.pc-pics-box{ width: 520px; height: 580px;}
.pc-pics-box .item{ display: none; position: absolute; left: 0; top:0;}
.pc-pics-box .item.current{ display: inline-block;}
.pc-main{ padding:100px 0 0 12px;}
.pc-logo{ height: 88px; position: relative;}
.pc-logo .logo{height: 70px;padding: 10px 0}
.pc-logo .appname{position: absolute; left: 80px; top: 15px; font-size: 12px; letter-spacing: 3px;font-size: 28px;line-height: 32px}
.pc-logo .version{position: absolute; left: 80px; top: 55px; font-size: 14px; letter-spacing: 3px;}
.pc-btns{ margin-top: 40px; font-size: 0;}
.pc-btns .btn{ display: inline-block; width: 172px; height: 48px; line-height: 48px; font-size: 16px; margin-right: 16px; border-radius: 30px; position: relative; overflow: hidden; transition:all 0.2s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.pc-btns .btn:hover{ background-color: rgba(255,255,255,.3);}
.pc-btns .ico{ float: left; width: 36px; height: 36px; background-position: left top; background-repeat: no-repeat; margin:5px 6px 0 32px; background-size: 36px 36px;}
.pc-btns .ico-ios{ background-image: url(icon_ios.png);}
.pc-btns .ico-android{ background-image: url(icon_android.png);}
.pc-btns .txt{float: left;}
.pc-erwei{ margin-top: 36px; font-size: 14px;}
.pc-erwei .img-box{ padding: 16px 0 0 20px;}
.pc-bg-flag{ left: 0; bottom: 72px; width: 100%; text-align: center; z-index: 110;}
.pc-bg-flag .item{ width: 20px; height: 20px; background: url(../imgs/common/dott_n.png) no-repeat center center;}
.pc-bg-flag .item.current{ background-image: url(../imgs/common/dott_f.png);}
.pc-copyright{ position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; z-index: 120; opacity: .6; filter:alpha(opacity=60);}
.slider-next,
.slider-prev{ width: 88px; height: 88px; position:absolute; top: 50%; z-index: 130; margin-top: -44px; cursor:pointer; background-repeat:no-repeat; background-position: left top; font-size:0; opacity: 0.6; filter:alpha(opacity=90); transition:all 0.2s; -pckit-transition:all 0.2s; -moz-transition:all 0.2s;}
.slider-next{ right: 20px; background-image: url(../imgs/common/arrow_next.png);}
.slider-prev{ left: 20px; background-image: url(../imgs/common/arrow_previous.png);}
.slider-next:hover,
.slider-prev:hover{ opacity: 1.0; filter:alpha(opacity=100);}

/*appdownload begin*/
.appdownload-body{ background-color:#F7835E;}
.appdownload-wrap{ width:100%; text-align:center; position:relative; z-index:100;}

.mb-stars{ position: fixed; left: 0; top: 20px; width: 100%; height: 158px; background: url(../imgs/common/stars.png) repeat-x center top; background-size: 320px 158px;}

.appdownload-logo{ padding-top:154px;}
.appdownload-logo .appname{ color:#fff; font-size:14px; padding-top:16px; line-height:22px;}
.appdownload-note{ color:#fff; font-size:14px; padding-top:36px; line-height:22px;}
.appdownload-btns{ padding:32px 0 26px; position:relative; overflow:hidden;}
.appdownload-btns .btn{ display:block; max-width:185px; margin:22px auto 0 auto; border-radius:21px; line-height:42px; height:42px; text-align:left; position:relative; font-size: 16px; position:relative; overflow:hidden;}
.appdownload-btns .ico{ float: left; width: 30px; height: 30px; background-position: left top; background-repeat: no-repeat; background-size: 30px 30px; margin:4px 6px 0 40px;}
.appdownload-btns .ico-ios{ background-image: url(icon_ios.png);}
.appdownload-btns .ico-android{ background-image: url(icon_android.png);}
.appdownload-btns .txt{float: left;}

.appdownload-copyright{ padding:73px 0 60px; opacity: .6; filter:alpha(opacity=60);}
.appdownload-copyright-web{ padding:0; position:fixed; bottom:24px; width:100%; left:0; }

.appdownload-check-erwei{ padding-left:18px; cursor:pointer; color:#fff; font-size:14px; margin-top:26px; background:url(../imgs/common/icon_erwei_small.png) no-repeat left 2px; background-size:14px 14px;}
.appdownload-erwei-box{ width:112px; height:112px; padding:4px; background-color:#fff; margin:24px auto 0 auto;}
.appdownload-erwei-overlay{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); z-index:1000;}
.appdownload-erwei-overlay .container{ position:absolute; left:50%; top:50%; width:226px; height:226px; margin:-113px 0 0 -113px; background-color:#fff; font-size:14px; color:#4a4a4a; text-align:center;}
.appdownload-erwei-overlay .container p{ margin:32px 0 24px 0;}

.android-guider{ position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.69); z-index:5000;}
.android-guider-arrow{ position:absolute; right:24px; top:8px; width:44px; height:47px;}
.android-guider-box{ margin-top:66px; padding:0 40px; }
.android-guider-text{ width:100%; max-width:100%;}
/*appdownload end*/


/* fixed on 2015-09-24 begin*/
canvas{display: block;}
#particles-js{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 30;overflow: hidden;}
.mb-stars,
.page-bg-btm{display: none;}
/* fixed on 2015-09-24 end*/





